// src/app/dashboard/layout.tsx
// 这是一个 Server Component，因为它没有 "use client"

export default function DashBoardLayout({
  children,
}: {
  children: React.ReactNode; // 传入 props属性， 这个子集是 ReactNode 的类型
}) {
  return (
    <div style={{ display: "flex", height: "100vh", padding: "10px" }}>
      {/* 侧边栏：在所有 /dashboard/* 路由中持久存在 */}
      <aside
        style={{
          width: "200px",
          backgroundColor: "#eee",
          padding: "15px",
          borderRight: "1px solid #ccc",
        }}
      >
        <h2 style={{ marginBottom: "15px" }}>仪表盘菜单</h2>
        <ul style={{ listStyle: "none", padding: 0 }}>
          <li style={{ marginBottom: "8px" }}>
            <a href="/dashboard">主页</a>
          </li>
          <li style={{ marginBottom: "8px" }}>
            <a href="/dashboard/settings">设置</a>
          </li>
        </ul>
      </aside>
      {/* 主要内容区域 ，由 children 填充*/}
      <main style={{ flexGrow: 1, padding: "15px" }}>{children}</main>s
    </div>
  );
}
